
<div class="modal fade" id="modal-viewBid">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">View Top3 Bids (Start Market Value: $120)</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="card-body">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>User</th>
                                <th>Bid Market Value($)</th>
                                <th>Ranking</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Jack</td>
                                <td>230</td>
                                <td><span class="badge bg-danger">1</span></td>
                            </tr>
                            <tr>
                                <td>Michael</td>
                                <td>210</td>
                                <td><span class="badge bg-warning">2</span></td>
                            </tr>
                            <tr>
                                <td>Tom</td>
                                <td>180</td>
                                <td><span class="badge bg-primary">3</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer justify-content-between">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>

        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
